<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Blandes - Blog Timeline</title>
<link rel="stylesheet" href="./css/layout.css" type="text/css" />
<link rel="stylesheet" href="./css/main.css" type="text/css" />
<link rel="stylesheet" href="./css/shortcodes.css" type="text/css" />
<link rel="stylesheet" href="./css/icons.css" type="text/css" />
<link rel="stylesheet" href="./css/flexslider.css" type="text/css" />
<link rel="stylesheet" href="./css/responsive.css" type="text/css" />
<script type="text/javascript" src="./js/jquery.js"></script>
</head>

<body class="responsive">
<!-- mobile menu Starts Here-->
<div id="mobile_navigation">
  <ul id="mobile_menu" class="mobile_menu">
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2597"><a href="#">Home</a>
      <ul class="sub-menu">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2591"><a href="index.html">Homepage Layout 1</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2587"><a href="home_v2.html">Homepage Layout 2</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2588"><a href="home_v3.html">Homepage Layout 3</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2589"><a href="home_v4.html">Homepage Layout 4</a></li>
      </ul>
    </li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2596"><a href="#">Pages</a>
      <ul class="sub-menu">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2592"><a href="about_us.html">About Us</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2594"><a href="services.html">Services</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2612"><a href="pricing_table.html">Pricing Table</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2611"><a href="contact_us.html">Contact Us</a></li>
      </ul>
    </li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2598  current-menu-parent"><a href="#">Blog</a>
      <ul class="sub-menu">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2599"><a href="blog_grid.html">Blog Grid</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2753  current-menu-item "><a href="blog_timeline.html">Blog timeline</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2600"><a href="blog_standard.html">Blog Standard</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2615"><a href="blog_full_width.html">Blog Full Width</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2602"><a href="blog_full_width_alternate.html">Full Width Alternate</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2752"><a href="blog_single.html">Blog Detail Page</a></li>
      </ul>
    </li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2603t"><a href="#">Portfolio</a>
      <ul class="sub-menu">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2607"><a href="portfolio_style1.html">Portfolio style 1</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2604"><a href="portfolio_style2.html">Portfolio style 2</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2605"><a href="portfolio_style3.html">Portfolio Style 3</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2606"><a href="portfolio_style4.html">Portfolio style 4</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2608"><a href="single_portfolio.html">Portfolio Detail Page</a></li>
      </ul>
    </li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2614"><a href="shortcodes.html">Shortcodes</a></li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2586"><a href="contact_us.html">Contact Us</a></li>
  </ul>
</div>

<!-- End Mobile Navigation -->

<div id="header_space"></div>
<header id="header">
  <section id="main_header_container">
    <div id="main_navigation">
      <div class="container">
        <div class="row-fluid">
          <div class="row-fluid">
            <div class="span12"> 
              
              <!-- logo -->
              
              <div class="logo-container"> <a href="#" id="logo" class="clearfix"><img src="images/logo.png" alt="Blandes"/></a> </div>
              <div id="toggle-menu"> <a class="toggle-menu" href="#"><i class="icon-list2"></i></a>
                <div class="clear"></div>
              </div>
              <div id="header-search-button"><a href="#"  class="search-button"><i class="icon-blandes-search"></i></a></div>
              <ul id="main_menu" class="main_menu">
                <li id="menu-item-2597" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2597 "><a href="#">Home</a>
                  <ul class="sub-menu">
                    <li id="menu-item-2591" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2591"><a href="index.html">Homepage Layout 1</a></li>
                    <li id="menu-item-2587" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2587"><a href="home_v2.html">Homepage Layout 2</a></li>
                    <li id="menu-item-2588" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2588"><a href="home_v3.html">Homepage Layout 3</a></li>
                    <li id="menu-item-2589" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2589"><a href="home_v4.html">Homepage Layout 4</a></li>
                  </ul>
                </li>
                <li id="menu-item-2596" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2596 "><a href="#">Pages</a>
                  <ul class="sub-menu">
                    <li id="menu-item-2592" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2592"><a href="about_us.html">About Us</a></li>
                    <li id="menu-item-2594" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2594"><a href="services.html">Services</a></li>
                    <li id="menu-item-2612" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2612"><a href="pricing_table.html">Pricing Table</a></li>
                    <li id="menu-item-2611" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2611"><a href="contact_us.html">Contact Us</a></li>
                  </ul>
                </li>
                <li id="menu-item-2598" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2598 current-menu-parent"><a href="#">Blog</a>
                  <ul class="sub-menu">
                    <li id="menu-item-2599" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2599"><a href="blog_grid.html">Blog Grid</a></li>
                    <li id="menu-item-2753" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2753"><a href="blog_timeline.html">Blog Timeline</a></li>
                    <li id="menu-item-2600" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2600"><a href="blog_standard.html">Blog Standard</a></li>
                    <li id="menu-item-2615" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2615"><a href="blog_full_width.html">Blog Full Width</a></li>
                    <li id="menu-item-2602" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2602"><a href="blog_full_width_alternate.html">Full Width Alternate</a></li>
                    <li id="menu-item-2752" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2752"><a href="blog_single.html">Blog Detail Page</a></li>
                  </ul>
                </li>
                <li id="menu-item-2603" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2603 "><a href="#">Portfolio</a>
                  <ul class="sub-menu">
                    <li id="menu-item-2607" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2607"><a href="portfolio_style1.html">Portfolio style 1</a></li>
                    <li id="menu-item-2604" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2604"><a href="portfolio_style2.html">Portfolio style 2</a></li>
                    <li id="menu-item-2605" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2605"><a href="portfolio_style3.html">Portfolio Style 3</a></li>
                    <li id="menu-item-2606" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2606"><a href="portfolio_style4.html">Portfolio style 4</a></li>
                    <li id="menu-item-2608" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2608"><a href="single_portfolio.html">Portfolio Detail Page</a></li>
                  </ul>
                </li>
                <li id="menu-item-2614" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2614"><a href="shortcodes.html">Shortcodes</a></li>
                <li id="menu-item-2586" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2586"><a href="contact_us.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  
  <!-- section search -->
  <section id="header-search-panel">
    <div class="container">
      <div class="row-fluid">
        <div class="search">
          <div>
            <form action="#" id="header-search-form" method="get">
              <a class="close" href="#"><i class="icon-blandes-remove"></i></a>
              <input type="text"  id="header-search" name="s" value="Search" autocomplete="off" />
              <!-- Create a fake search button --> 
              <span class="fake-submit-button"><i class="icon-blandes-search"></i>
              <input type="submit"  name="submit" value="submit" />
              </span>
            </form>
          </div>
        </div>
      </div>
    </div>
  </section>
</header>

<!-- End Header -->


<section id="titlebar" class="titlebar">
  <div class="container">
    <div class="row-fluid">
      <h1 class="">Blog Timeline</h1>
      <div id="breadcrumbs"><span class="breadcrumb-title">You are Here :</span><span><a class="" href="#">Home</a></span><span class="divider"><i class="icon-arrow-right6"></i></span><span><a class="" href="#">Blog</a></span><span class="divider"><i class="icon-arrow-right6"></i></span><span>Blog Timeline</span></div>
    </div>
  </div>
</section>

<!-- Section post -->
<section class="section-with-sidebar">
  <div class="container">
    <div class="row-fluid">
      <div  class="content span9">
        <div class="inner-content">
         
         
         <ul class="cbp_tmtimeline">
					<li>
						<div class="cbp_tmtime" ><div class="post-date-container">
                <div class="date"> <span class="day"><span>28<span class="th">th</span></span></span> <span class="month">Sep</span> </div>
              </div> </div>
						<div class="cbp_tmicon"></div>
						<div class="cbp_tmlabel">
                        <div class="post-grid-item-wrap">
							 <div class="hoverlay"> <a href="#" class="block">
                  <div class="image"> <img  src="images/postwide.jpg" alt="" >
                    <div class="overlay"> <span class="icon"><i class="icon-blandes-plus"></i></span>
                      <div class="overlay-content"> </div>
                    </div>
                  </div>
                  <div class="post-text-wrap-container">
                    <div class="post-text-wrap">
                      <div class="post-meta">
                        <h3>This is Standard Post with Preview picture</h3>
                        <div class="post-meta-info"><span>Admin</span><span class="divider">/</span><span>August 20 , 2013</span><span class="divider">/</span><span>Animation , Illustration</span></div>
                        <p class="excerpt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eget justo et sodales. Fusce non enim vitae nibh dignissim sodales. Fusce sit amet tellus tincidunt, cursus metus nec, vulputate mauris. Nunc porttitor ante eget dui consequat, non fermentum ipsum lobortis...</p>
                      </div>
                    </div>
                  </div>
                  </a>
                  <div class="post-text-bottom">
                    <div><a href="#" class="readmore">Read More<i class="icon-arrow-right8"></i></a> <a href="#" class="comments-info"><i class="icon-blandes-bubble"></i>0</a></div>
                  </div>
                </div>
						</div>
                        </div>
					</li>
                    
                    
                    
                    	<li>
						<div class="cbp_tmtime" ><div class="post-date-container">
                <div class="date"> <span class="day"><span>25<span class="th">th</span></span></span> <span class="month">Sep</span> </div>
              </div> </div>
						<div class="cbp_tmicon"></div>
						<div class="cbp_tmlabel">
                        <div class="post-grid-item-wrap">
							 <div class="hoverlay"> <a href="#" class="block">
                  <div class="image"> <img  src="images/postwide.jpg" alt="" >
                    <div class="overlay"> <span class="icon"><i class="icon-blandes-plus"></i></span>
                      <div class="overlay-content"> </div>
                    </div>
                  </div>
                  <div class="post-text-wrap-container">
                    <div class="post-text-wrap">
                      <div class="post-meta">
                        <h3>Another Standard Post with Preview picture</h3>
                        <div class="post-meta-info"><span>Admin</span><span class="divider">/</span><span>August 20 , 2013</span><span class="divider">/</span><span>Animation , Illustration</span></div>
                        <p class="excerpt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eget justo et sodales. Fusce non enim vitae nibh dignissim sodales. Fusce sit amet tellus tincidunt, cursus metus nec, vulputate mauris. Nunc porttitor ante eget dui consequat, non fermentum ipsum lobortis...</p>
                      </div>
                    </div>
                  </div>
                  </a>
                  <div class="post-text-bottom">
                    <div><a href="#" class="readmore">Read More<i class="icon-arrow-right8"></i></a> <a href="#" class="comments-info"><i class="icon-blandes-bubble"></i>0</a></div>
                  </div>
                </div>
						</div>
                        </div>
					</li>
                    
                    
                    
                    	<li>
						<div class="cbp_tmtime"><div class="post-date-container">
                <div class="date"> <span class="day"><span>24<span class="th">th</span></span></span> <span class="month">Sep</span> </div>
              </div></div>
						<div class="cbp_tmicon"></div>
						<div class="cbp_tmlabel">
                        <div class="post-grid-item-wrap">
							 <div class="hoverlay"> <a href="#" class="block">
                 <div class="flexslider">
                 <ul class="slides">
                 <li>
                  <div class="image"><img  src="images/postwide.jpg" alt="" ></div>
                  </li>
                  
                  <li>
                  <div class="image"><img  src="images/postwide.jpg" alt="" ></div>
                  </li>
                  </ul></div>
                  
                  <div class="post-text-wrap-container">
                    <div class="post-text-wrap">
                      <div class="post-meta">
                        <h3>Standard Post with Gallery</h3>
                        <div class="post-meta-info"><span>Admin</span><span class="divider">/</span><span>August 20 , 2013</span><span class="divider">/</span><span>Animation , Illustration</span></div>
                        <p class="excerpt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eget justo et sodales. Fusce non enim vitae nibh dignissim sodales. Fusce sit amet tellus tincidunt, cursus metus nec, vulputate mauris. Nunc porttitor ante eget dui consequat, non fermentum ipsum lobortis...</p>
                      </div>
                    </div>
                  </div>
                  </a>
                  <div class="post-text-bottom">
                    <div><a href="#" class="readmore">Read More<i class="icon-arrow-right8"></i></a> <a href="#" class="comments-info"><i class="icon-blandes-bubble"></i>0</a></div>
                  </div>
                </div>
						</div>
                        </div>
					</li>
                    
                    
                    
                    	<li>
						<div class="cbp_tmtime" ><div class="post-date-container">
                <div class="date"> <span class="day"><span>23<span class="th">th</span></span></span> <span class="month">Sep</span> </div>
              </div> </div>
						<div class="cbp_tmicon"></div>
						<div class="cbp_tmlabel">
                        <div class="post-grid-item-wrap">
							 <div class="hoverlay"> <a href="#" class="block">
                  <div class="image"> <img  src="images/postwide.jpg" alt="" >
                    <div class="overlay"> <span class="icon"><i class="icon-blandes-plus"></i></span>
                      <div class="overlay-content"> </div>
                    </div>
                  </div>
                  <div class="post-text-wrap-container">
                    <div class="post-text-wrap">
                      <div class="post-meta">
                        <h3>This is Standard Post with Preview picture</h3>
                        <div class="post-meta-info"><span>Admin</span><span class="divider">/</span><span>August 20 , 2013</span><span class="divider">/</span><span>Animation , Illustration</span></div>
                        <p class="excerpt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eget justo et sodales. Fusce non enim vitae nibh dignissim sodales. Fusce sit amet tellus tincidunt, cursus metus nec, vulputate mauris. Nunc porttitor ante eget dui consequat, non fermentum ipsum lobortis...</p>
                      </div>
                    </div>
                  </div>
                  </a>
                  <div class="post-text-bottom">
                    <div><a href="#" class="readmore">Read More<i class="icon-arrow-right8"></i></a> <a href="#" class="comments-info"><i class="icon-blandes-bubble"></i>5</a></div>
                  </div>
                </div>
						</div>
                        </div>
					</li>
                    
                    
                    
                    	<li>
						<div class="cbp_tmtime" ><div class="post-date-container">
                <div class="date"> <span class="day"><span>22<span class="th">th</span></span></span> <span class="month">Sep</span> </div>
              </div> </div>
						<div class="cbp_tmicon"></div>
						<div class="cbp_tmlabel">
                        <div class="post-grid-item-wrap">
							 <div class="hoverlay"> <a href="#" class="block">
                  <div class="image"> <img  src="images/postwide.jpg" alt="" >
                    <div class="overlay"> <span class="icon"><i class="icon-blandes-plus"></i></span>
                      <div class="overlay-content"> </div>
                    </div>
                  </div>
                  <div class="post-text-wrap-container">
                    <div class="post-text-wrap">
                      <div class="post-meta">
                        <h3>Simple Post with Preview picture</h3>
                        <div class="post-meta-info"><span>Admin</span><span class="divider">/</span><span>August 20 , 2013</span><span class="divider">/</span><span>Animation , Illustration</span></div>
                        <p class="excerpt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eget justo et sodales. Fusce non enim vitae nibh dignissim sodales. Fusce sit amet tellus tincidunt, cursus metus nec, vulputate mauris. Nunc porttitor ante eget dui consequat, non fermentum ipsum lobortis...</p>
                      </div>
                    </div>
                  </div>
                  </a>
                  <div class="post-text-bottom">
                    <div><a href="#" class="readmore">Read More<i class="icon-arrow-right8"></i></a> <a href="#" class="comments-info"><i class="icon-blandes-bubble"></i>0</a></div>
                  </div>
                </div>
						</div>
                        </div>
					</li>
                    
                    
				</ul>
         
         
          <div class="row-fluid page-nav-container">
            <div class="span8">
              <div class="page-nav"><span class="active">1</span><span><a href="#">2</a></span><span><a href="#">3</a></span><span><a href="#">4</a></span></div>
            </div>
            <div class="span4">
              <div class="page-nav-info">Page 1 of 4</div>
            </div>
          </div>
        </div>
      </div>
      <div class="sidebar span3">
        <div class="inner-content">
          <div id="search-2" class="widget widget_meta widget_search">
            <form action="#" id="searchform" class="search-form" method="get">
              <div>
                <input type="text" id="s" name="s" value="Search..." onfocus="if(this.value=='Search...')this.value='';" onblur="if(this.value=='')this.value='Search...';" autocomplete="off" />
                <input type="submit" value="search"  class="hidden" />
              </div>
            </form>
          </div>
          <div id="categories-2" class="widget widget_meta widget_categories">
            <h3>Categories</h3>
            <ul>
              <li class="cat-item cat-item-2"><a href="#" title="View all posts filed under Animation">Animation (10)</a> </li>
              <li class="cat-item cat-item-3"><a href="#" title="View all posts filed under gallery">gallery (5)</a></li>
              <li class="cat-item cat-item-4"><a href="#" title="View all posts filed under illustation">illustation (2)</a> </li>
              <li class="cat-item cat-item-5"><a href="#" title="View all posts filed under Latest">Latest (10)</a> </li>
              <li class="cat-item cat-item-6"><a href="#" title="View all posts filed under slideshow">slideshow (8)</a> </li>
            </ul>
          </div>
          <div id="archives-2" class="widget widget_meta widget_archive">
            <h3>Archives</h3>
            <ul>
              <li><a href='#' title='Sep 2013'>Sep 2013</a></li>
              <li><a href='#' title='April 2013'>April 2013</a></li>
            </ul>
          </div>
           <div class="widget clearfix">
            <h3>Recent posts</h3>
            <ul class="widget-posts">
              <li class="widget-post"> <img width="80" height="80" src="images/post_thumb.jpg" class="attachment-mini wp-post-image" alt="Workplace" />
                <h6><a class="" href="#" title="In massa turpis ornare nec commodo">Standard Post with preview picture </a></h6>
                <p class="date">Sep 01 , 2013 at 4:50 pm</p>
              </li>
              <li class="widget-post"> <img width="80" height="80" src="images/post_thumb.jpg" class="attachment-mini wp-post-image" alt="photo_12_v011" />
                <h6> <a class="" href="#" title="Mauris vestibulum neque"> Another standard post with preview picture</a></h6>
                <p class="date">Sep 01 , 2013 at 4:50 pm</p>
              </li>
              <li class="widget-post"> <img width="80" height="80" src="images/post_thumb.jpg" class="attachment-mini wp-post-image" alt="Depositphotos_20390925_l" />
                <h6><a class="" href="#" title="sed aliquam justo dolor">Standard post with Gallery</a></h6>
                <p class="date">Sep 01 , 2013 at 4:50 pm </p>
              </li>
            </ul>
          </div>
          <div id="portfolio-widget-3" class="widget widget_meta portfolios">
            <h3>Recent Work</h3>
            <div class="recent-works-items clearfix"> <a href="#" title="simple project with preview image" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_01_v011" /> </a> <a href="#" title="simple project with preview video" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_03_v011" /> </a> <a href="#" title="simple project with gallery" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_08_v011" /> </a> <a href="#" title="simple project with image" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_12_v011" /> </a> <a href="#" title="adipiscing nisi in nulla ornare" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_20_v01" /> </a> <a href="#" title="consectetur adipiscing  Nulla posuere" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="Mountain bike" /> </a> </div>
          </div>
          <div id="meta-2" class="widget widget_meta widget_meta_info">
            <h3>Meta</h3>
            <ul>
              <li><a href="#">Site Admin</a></li>
              <li><a href="#">Log out</a></li>
              <li><a href="#">Entries <abbr title="Really Simple Syndication">RSS</abbr></a></li>
              <li><a href="#" title="The latest comments to all posts in RSS">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<footer id="footer">
  <div class="container">
    <div class="row-fluid">
      <div class="widget span3"> <img src="images/logo_white.png" width="97" height="16" alt="Blandes">
        <div class="gap"></div>
        <p>Lid est laborum dolo rumes fuga untras Etharums ser quidem rerum faci dolores nemis omnis fugats vitaes nemo minima Sed ut perspiciatis </p>
        <p> totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo </p>
      </div>
      <div id="recent-posts-3" class="widget widget_meta widget_recent_entries span3">
        <h4>Recent posts</h4>
        <ul>
          <li> <a href="#" title="In massa turpis ornare nec commodo">In massa turpis ornare nec commodo</a> <span class="post-date">July 1, 2013</span> </li>
          <li> <a href="#" title="Mauris vestibulum neque">Mauris vestibulum neque</a> <span class="post-date">July 1, 2013</span> </li>
          <li> <a href="#" title="sed aliquam justo dolor">Sed aliquam justo dolor</a> <span class="post-date">July 1, 2013</span> </li>
        </ul>
      </div>
      <div id="nav_menu-2" class="widget widget_meta widget_twitter span3">
        <h4>Recent Tweets</h4>
        <div class="recent-tweets">
          <ul>
            <li><span>Nemo enim ipsam voluptatem <a href="#">http://t.co/255sds4r5d</a> sit  aut odit sed <a href="#">http://t.co/255sds4r5d</a></span><br>
              <a class="" href="#">2 days ago</a></li>
            <li><span><a href="#">@lorel </a>Nemo enim ipsam <a href="#">http://t.co/255sds4r5d</a> aut odit</span><br>
              <a class="" href="#">9 days ago</a></li>
          </ul>
        </div>
      </div> <div id="portfolio-widget-2" class="widget widget_meta portfolios span3">
        <h4>Recent Work</h4>
        <div class="recent-works-items clearfix"> <a href="#" title="simple project with preview image" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_01_v011" /> </a> <a href="#" title="simple project with preview video" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_03_v011" /> </a> <a href="#" title="simple project with gallery" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_08_v011" /> </a> <a href="#" title="simple project with image" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_12_v011" /> </a> <a href="#" title="adipiscing nisi in nulla ornare" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_20_v01" /> </a> <a href="#" title="consectetur adipiscing  Nulla posuere" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="Mountain bike" /> </a> </div>
      </div>
    </div>
  </div>
</footer>
<section id="copyright">
  <div class="container">
    <div class="row-fluid">
      <div class="row-fluid">
        <div class="copyright-text span4 pull-left"> blandus v1.0 by <a href='http://themeforest.net/user/bradweb'>bradwebs</a> </div>
        <div class=" textright span8 clearfix">
          <ul class="social-icons clearfix">
            <li> <a  class="twitter" href="http://www.twitter.com/#" target="_blank" title="Twitter"> <i class="icon-twitter"></i> </a> </li>
            <li> <a  class="flickr" href="#" target="_blank" title="Flickr"> <i class="icon-flickr"></i> </a> </li>
            <li> <a class="facebook" href="#" target="_blank" title="Facebook"> <i class="icon-facebook"></i> </a> </li>
            <li> <a class="dribbble" href="#" target="_blank" title="Dribbble"> <i class="icon-dribbble"></i> </a> </li>
            <li> <a class="linkedin" href="#" target="_blank" title="LinkedIn"> <i class="icon-linkedin"></i> </a> </li>
            <li> <a class="youtube" href="#" target="_blank" title="YouTube"> <i class="icon-youtube"></i> </a> </li>
            <li> <a class="rss" href="#" target="_blank" title="RSS"> <i class="icon-rss"></i> </a> </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Javascript Files --> 
<script type="text/javascript" src="./js/plugins.js"></script> 
<script type="text/javascript" src="./js/caroufred.js"></script> 
<script type="text/javascript" src="./js/flexslider.js"></script> 
<script type="text/javascript" src="./js/isotope.js"></script> 
<script type="text/javascript" src="./js/main.js"></script>
</body>
</html>